<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Guild Wars Equipment Template Builder</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://gwjs.googlecode.com/svn/trunk/Gw.Core.js"></script>
<script type="text/javascript" src="http://gwjs.googlecode.com/svn/trunk/Gw.Core.fr.js"></script>
<script type="text/javascript" src="http://gwjs.googlecode.com/svn/trunk/Gw.Skill.js"></script>
<script type="text/javascript" src="http://gwjs.googlecode.com/svn/trunk/Gw.Skill.fr.js"></script>
<script type="text/javascript" src="http://gwjs.googlecode.com/svn/trunk/Gw.Equipment.js"></script>
<script type="text/javascript" src="http://gwjs.googlecode.com/svn/trunk/Gw.Equipment.fr.js"></script>
<script type="text/javascript" src="http://gwjs.googlecode.com/svn/trunk/Gw.Equipment.Configuration.js"></script>
<!--script type="text/javascript" src="checkProfessions.js"></script-->
<script type="text/javascript" src="http://gwjs.googlecode.com/svn/trunk/equipment.js"></script>
<style type="text/css">
td select
{
	width: 100%;
}

fieldset
{
	padding: 10px 10px 10px 10px;
	border: solid 1px;
}

table
{
	margin-top: 30px;
}

.TemplateCode
{
	text-align: center;
}

.Rune, .Insignia
{

}

.EquipmentDetail
{
    width: 50px;
    text-align: center;
}
</style>
<!--[if IE]><style type="text/css">td select { width: auto; }</style><![endif]-->
<style type="text/css">
/* Guild wars theme on SdG forum */
html
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #B9C0BC;
    font-size: 12px;
    background-color: #181D1D;
}

a
{
	color: #9BBBBA;
}

legend, strong, th
{
	font-weight: bold;
	color: #8DB8B7;
}

input
{
    background-color:#83A396;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    border:1px inset #0D1010;
}

#ProcessSkillTemplate
{
    background-image:url(http://img5.xooimage.com/files/b/u/buttonbg-8f9c2.gif);
    background-repeat:repeat;
    border:1px outset #0D1010;
    font-weight:bold;
    text-align:center;
    text-indent:2px;
    vertical-align:middle;
}

select
{
    background-color:#83A396;
    background-image:url(http://img10.xooimage.com/files/i/n/inputbg-8f9c1.gif);
    background-repeat:repeat;
    border:1px inset #0D1010;
    text-align:left;
}</style>
</head><body>
    <fieldset title="Skill Template">
        <legend>Skill Template</legend>
        <div>
            <label>Template Code</label>:
            <input class="TemplateCode" size="40" id="SkillTemplate" value="OQZEA5gKuL1OUNsOwA60ANs8JAA" type="text"/>
            <input id="ProcessSkillTemplate" value="Process" type="button"/>
        </div>
        <div id="ManualSelection" style="display: none">
            <br />
            <select id="SelectPrimary"><option value="">--- Primary Profession ---</option></select> /
            <select id="SelectSecondary"><option value="">--- Secondary Profession ---</option></select>
        </div>
    </fieldset>

    <fieldset id="EquipmentDetail" style="display: none;">
        <legend>Equipment</legend>
        <div id="Template"></div>
        <input type="hidden" id="Primary"/>
        <input type="hidden" id="Secondary"/>
        
        <table>
            <thead>
                <tr>
                    <th></th>
                    <th><label>Insignias</label></th>
                    <th><label>Runes</label></th>
                    <th width="10px"></th>
                    <th><label>Other</label></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><label>Head</label></td>
                    <td><select class="Insignia" id="Insignia0"></select></td>
                    <td><select class="Rune" id="Rune0"></select></td>
                    <td></td>
                    <td><select id="Color"></select></td>
                </tr>
                <tr>
                    <td><label>Chest</label></td>
                    <td><select class="Insignia" id="Insignia1"></select></td>
                    <td><select class="Rune" id="Rune1"></select></td>
                    <td></td>
                    <td><select id="ShieldInscription"></select></td>
                </tr>
                <tr>
                    <td><label>Hands</label></td>
                    <td><select class="Insignia" id="Insignia2"></select></td>
                    <td><select class="Rune" id="Rune2"></select></td>
                    <td></td>
                    <td><select id="WeaponAttribute"></select></td>
                </tr>
                <tr>
                    <td><label>Legs</label></td>
                    <td><select class="Insignia" id="Insignia3"></select></td>
                    <td><select class="Rune" id="Rune3"></select></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td><label>Feet</label></td>
                    <td><select class="Insignia" id="Insignia4"></select></td>
                    <td><select class="Rune" id="Rune4"></select></td>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
        
        <table>
        <tbody>
            <tr>
                <td></td>
                <td><strong><label>Shield/Spear</label></strong></td>
                <td class="EquipmentDetail"><img src="http://images3.wikia.nocookie.net/gw/images/1/18/Sacrifice.png" alt="HP" /></td>
                <td class="EquipmentDetail"><img src="http://images1.wikia.nocookie.net/gw/images/d/d2/Enchantment.png" alt="Ench." /></td>
                <td class="EquipmentDetail"><img src="http://images1.wikia.nocookie.net/gw/images/a/a9/Energy.png" alt="EP" /></td>
                <td class="EquipmentDetail"></td>
            </tr>
            <tr>
                <td>+30/-5</td>
                <td><input class="TemplateCode" readonly="readonly" size="60" id="TemplateDef30_5" type="text" title="+30/-5"/></td>
                <td class="EquipmentDetail">+60</td>
                <td class="EquipmentDetail"></td>
                <td class="EquipmentDetail">-5</td>
                <td class="EquipmentDetail"></td>
            </tr>
            <tr>
                <td>+30/+5</td>
                <td><input class="TemplateCode" readonly="readonly" size="60" id="TemplateDef305" type="text" title="+30/+5"/></td>
                <td class="EquipmentDetail">+60</td>
                <td class="EquipmentDetail"></td>
                <td class="EquipmentDetail">+5</td>
                <td class="EquipmentDetail"></td>
            </tr>
            <tr>
                <td>+20%/-5</td>
                <td><input class="TemplateCode" readonly="readonly" size="60" id="TemplateDef20_5" type="text" title="+20%/-5"/></td>
                <td class="EquipmentDetail">+30</td>
                <td class="EquipmentDetail">+20%</td>
                <td class="EquipmentDetail">-5</td>
                <td class="EquipmentDetail"></td>
            </tr>
            <tr>
                <td>+20%/+5</td>
                <td><input class="TemplateCode" readonly="readonly" size="60" id="TemplateDef205" type="text" title="+20%/+5"/></td>
                <td class="EquipmentDetail">+30</td>
                <td class="EquipmentDetail">+20%</td>
                <td class="EquipmentDetail">+5</td>
                <td class="EquipmentDetail"></td>
            </tr>
            <tr>
                <td></td>
                <td><strong><label>Focus/Wand</label></strong></td>
                <td class="EquipmentDetail"><img src="http://images3.wikia.nocookie.net/gw/images/6/6e/Activation.png" alt="HCT" /></td>
                <td class="EquipmentDetail"><img src="http://images3.wikia.nocookie.net/gw/images/6/61/Recharge.png" alt="HRT" /></td>
                <td class="EquipmentDetail"><img src="http://images1.wikia.nocookie.net/gw/images/a/a9/Energy.png" alt="EP" /></td>
                <td class="EquipmentDetail"><img src="http://images2.wikia.nocookie.net/gw/images/4/4a/Upkeep.png" alt="" /></td>
            </tr>
            <tr>
                <td>40/40</td>
                <td><input class="TemplateCode" readonly="readonly" size="60" id="Template4040" type="text" title="40/40"/></td>
                <td class="EquipmentDetail">40%</td>
                <td class="EquipmentDetail">40%</td>
                <td class="EquipmentDetail"></td>
                <td class="EquipmentDetail"></td>
            </tr>
            <tr>
                <td>+15/-1</td>
                <td><input class="TemplateCode" readonly="readonly" size="60" id="Template15_1" type="text" title="+15/-1"/></td>
                <td class="EquipmentDetail">40%</td>
                <td class="EquipmentDetail">20%</td>
                <td class="EquipmentDetail">+15</td>
                <td class="EquipmentDetail">-1</td>
            </tr>
            <tr>
                <td>+30/-2</td>
                <td><input class="TemplateCode" readonly="readonly" size="60" id="Template30_2" type="text" title="+30/-2"/></td>
                <td class="EquipmentDetail">20%</td>
                <td class="EquipmentDetail">20%</td>
                <td class="EquipmentDetail">+30</td>
                <td class="EquipmentDetail">-2</td>
            </tr>
            <tr>
                <td></td>
                <td><strong><label>Staff</label></strong></td>
                <td class="EquipmentDetail"><img src="http://images3.wikia.nocookie.net/gw/images/6/6e/Activation.png" alt="HCT" /></td>
                <td class="EquipmentDetail"><img src="http://images3.wikia.nocookie.net/gw/images/6/61/Recharge.png" alt="HRT" /></td>
                <td class="EquipmentDetail"><img src="http://images3.wikia.nocookie.net/gw/images/1/18/Sacrifice.png" alt="HP" /></td>
                <td class="EquipmentDetail"><img src="http://images1.wikia.nocookie.net/gw/images/d/d2/Enchantment.png" alt="Ench." /></td>
            </tr>
            <tr>
                <td>40/20/20</td>
                <td><input class="TemplateCode" readonly="readonly" size="60" id="Template402020" type="text" title="40/20/20"/></td>
                <td class="EquipmentDetail">40%</td>
                <td class="EquipmentDetail">20%</td>
                <td class="EquipmentDetail"></td>
                <td class="EquipmentDetail">+20%</td>
            </tr>
            <tr>
                <td>40/20/30</td>
                <td><input class="TemplateCode" readonly="readonly" size="60" id="Template402030" type="text" title="40/20/30"/></td>
                <td class="EquipmentDetail">40%</td>
                <td class="EquipmentDetail">20%</td>
                <td class="EquipmentDetail">+30</td>
                <td class="EquipmentDetail"></td>
            </tr>
        </tbody>
        </table>
    </fieldset>
</body>
</html>